Produced by Araxis Merge on 2020-08-14 00:01:42 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.
| # | Location | File | Last Modified |
|---|---|---|---|
| 1 | Porto v3.2.3/Magento 2.x/Porto Theme/pub/media/porto/web/css/header | type19.rtl.css | 2018-10-29 23:33:58 +0000 |
| 2 | Porto v3.2.4/Magento 2.x/Porto Theme/pub/media/porto/web/css/header | type19.rtl.css | 2018-10-29 23:33:58 +0000 |
| Description | Between Files 1 and 2 | |
|---|---|---|
| Text Blocks | Lines | |
| Unchanged | 1 | 444 |
| Changed | 0 | 0 |
| Inserted | 0 | 0 |
| Removed | 0 | 0 |
| Whitespace | Consecutive whitespace is treated as a single space |
|---|---|
| Character case | Differences in character case are significant |
| Line endings | Differences in line endings (CR and LF characters) are ignored |
| CR/LF characters | Not shown in the comparison detail |
| Active line-pairing rules |
No regular expressions were active.
| 1 | .page-header.type19 { | 1 | .page-header.type19 { | |||
| 2 | background-color: #1fc0a0; | 2 | background-color: #1fc0a0; | |||
| 3 | color: #fff; | 3 | color: #fff; | |||
| 4 | border-top-width: 0; | 4 | border-top-width: 0; | |||
| 5 | } | 5 | } | |||
| 6 | .page-header.type19 .switcher strong { | 6 | .page-header.type19 .switcher strong { | |||
| 7 | font-weight: 600; | 7 | font-weight: 600; | |||
| 8 | } | 8 | } | |||
| 9 | .page-header.type19 .minicart-wrapper { | 9 | .page-header.type19 .minicart-wrapper { | |||
| 10 | position: absolute; | 10 | position: absolute; | |||
| 11 | top: 50%; | 11 | top: 50%; | |||
| 12 | left: 15px; | 12 | left: 15px; | |||
| 13 | margin-top: -20px; | 13 | margin-top: -20px; | |||
| 14 | } | 14 | } | |||
| 15 | .page-header.type19 .minicart-wrapper .action.showcart { | 15 | .page-header.type19 .minicart-wrapper .action.showcart { | |||
| 16 | line-height: 37px; | 16 | line-height: 37px; | |||
| 17 | color: #606669; | 17 | color: #606669; | |||
| 18 | } | 18 | } | |||
| 19 | .page-header.type19 .minicart-wrapper .action.showcart:before, .page-header.type19 .minicart-wrapper .action.showcart.active:before { | 19 | .page-header.type19 .minicart-wrapper .action.showcart:before, .page-header.type19 .minicart-wrapper .action.showcart.active:before { | |||
| 20 | color: #fff; | 20 | color: #fff; | |||
| 21 | font-size: 29px; | 21 | font-size: 29px; | |||
| 22 | line-height: 40px; | 22 | line-height: 40px; | |||
| 23 | } | 23 | } | |||
| 24 | .page-header.type19.sticky-header .minicart-wrapper .action.showcart:before, .page-header.type19.sticky-header .minicart-wrapper .action.showcart.active:before,.page-header.type19.sticky-header .minicart-wrapper .action.showcart:after { | 24 | .page-header.type19.sticky-header .minicart-wrapper .action.showcart:before, .page-header.type19.sticky-header .minicart-wrapper .action.showcart.active:before,.page-header.type19.sticky-header .minicart-wrapper .action.showcart:after { | |||
| 25 | color:#151515; | 25 | color:#151515; | |||
| 26 | } | 26 | } | |||
| 27 | .page-header.type19 .minicart-wrapper .action.showcart .counter.qty { | 27 | .page-header.type19 .minicart-wrapper .action.showcart .counter.qty { | |||
| 28 | background-color: #ed5348; | 28 | background-color: #ed5348; | |||
| 29 | left: 18px; | 29 | left: 18px; | |||
| 30 | margin-top: -18px; | 30 | margin-top: -18px; | |||
| 31 | } | 31 | } | |||
| 32 | .page-header.type19 .minicart-wrapper .action.showcart:after { | 32 | .page-header.type19 .minicart-wrapper .action.showcart:after { | |||
| 33 | color: #fff; | 33 | color: #fff; | |||
| 34 | -webkit-font-smoothing: antialiased; | 34 | -webkit-font-smoothing: antialiased; | |||
| 35 | } | 35 | } | |||
| 36 | .page-header.type19 .minicart-wrapper .action.close { | 36 | .page-header.type19 .minicart-wrapper .action.close { | |||
| 37 | top: 5px; | 37 | top: 5px; | |||
| 38 | } | 38 | } | |||
| 39 | .page-header.type19 .minicart-wrapper .loading-mask { | 39 | .page-header.type19 .minicart-wrapper .loading-mask { | |||
| 40 | 40 | |||||
| 41 | } | 41 | } | |||
| 42 | .page-header.type19 .minicart-wrapper .block-minicart { | 42 | .page-header.type19 .minicart-wrapper .block-minicart { | |||
| 43 | left: 0; | 43 | left: 0; | |||
| 44 | margin: 0; | 44 | margin: 0; | |||
| 45 | } | 45 | } | |||
| 46 | .page-header.type19 .minicart-wrapper .block-minicart:before, | 46 | .page-header.type19 .minicart-wrapper .block-minicart:before, | |||
| 47 | .page-header.type19 .minicart-wrapper .block-minicart:after { | 47 | .page-header.type19 .minicart-wrapper .block-minicart:after { | |||
| 48 | display: none; | 48 | display: none; | |||
| 49 | } | 49 | } | |||
| 50 | @media (min-width: 768px) { | 50 | @media (min-width: 768px) { | |||
| 51 | .page-header.type19 .logo {margin: 17.5px 0;} | 51 | .page-header.type19 .logo {margin: 17.5px 0;} | |||
| 52 | .page-header.type19 .panel.header .switcher { | 52 | .page-header.type19 .panel.header .switcher { | |||
| 53 | padding-left: 15px; | 53 | padding-left: 15px; | |||
| 54 | float: none; | 54 | float: none; | |||
| 55 | height: auto; | 55 | height: auto; | |||
| 56 | } | 56 | } | |||
| 57 | .page-header.type19 .panel.header .switcher strong { | 57 | .page-header.type19 .panel.header .switcher strong { | |||
| 58 | text-transform: uppercase; | 58 | text-transform: uppercase; | |||
| 59 | font-size: 13.5px; | 59 | font-size: 13.5px; | |||
| 60 | font-weight: 400; | 60 | font-weight: 400; | |||
| 61 | line-height: 18px; | 61 | line-height: 18px; | |||
| 62 | } | 62 | } | |||
| 63 | .page-header.type19 .panel.header { | 63 | .page-header.type19 .panel.header { | |||
| 64 | display: inline-block; | 64 | display: inline-block; | |||
| 65 | position: absolute; | 65 | position: absolute; | |||
| 66 | left: 84px; | 66 | left: 84px; | |||
| 67 | top: 50%; | 67 | top: 50%; | |||
| 68 | margin-top: -20px; | 68 | margin-top: -20px; | |||
| 69 | width: auto; | 69 | width: auto; | |||
| 70 | } | 70 | } | |||
| 71 | .page-header.type19 .top-links-area { | 71 | .page-header.type19 .top-links-area { | |||
| 72 | position: relative; | 72 | position: relative; | |||
| 73 | display: inline-block; | 73 | display: inline-block; | |||
| 74 | vertical-align: middle; | 74 | vertical-align: middle; | |||
| 75 | } | 75 | } | |||
| 76 | .page-header.type19 .top-links-icon { | 76 | .page-header.type19 .top-links-icon { | |||
| 77 | padding: 0 0 0 20px; | 77 | padding: 0 0 0 20px; | |||
| 78 | } | 78 | } | |||
| 79 | .page-header.type19 .top-links-icon a { | 79 | .page-header.type19 .top-links-icon a { | |||
| 80 | color: #fff; | 80 | color: #fff; | |||
| 81 | font-size: 13.5px; | 81 | font-size: 13.5px; | |||
| 82 | font-weight: 400; | 82 | font-weight: 400; | |||
| 83 | text-transform: uppercase; | 83 | text-transform: uppercase; | |||
| 84 | } | 84 | } | |||
| 85 | .page-header.type19 .top-links-icon a:hover {text-decoration: none;} | 85 | .page-header.type19 .top-links-icon a:hover {text-decoration: none;} | |||
| 86 | .page-header.type19 .top-links-icon:before { | 86 | .page-header.type19 .top-links-icon:before { | |||
| 87 | content: "\f807"; | 87 | content: "\f807"; | |||
| 88 | display: block; | 88 | display: block; | |||
| 89 | position: absolute; | 89 | position: absolute; | |||
| 90 | left: 3px; | 90 | left: 3px; | |||
| 91 | top: 50%; | 91 | top: 50%; | |||
| 92 | font-family: "porto-icons"; | 92 | font-family: "porto-icons"; | |||
| 93 | margin-top: -12px; | 93 | margin-top: -12px; | |||
| 94 | font-size: 16px; | 94 | font-size: 16px; | |||
| 95 | -webkit-font-smoothing: antialiased; | 95 | -webkit-font-smoothing: antialiased; | |||
| 96 | } | 96 | } | |||
| 97 | .page-header.type19 .top-links-area > .links { | 97 | .page-header.type19 .top-links-area > .links { | |||
| 98 | display: none; | 98 | display: none; | |||
| 99 | position: absolute; | 99 | position: absolute; | |||
| 100 | left: 0; | 100 | left: 0; | |||
| 101 | z-index: 9; | 101 | z-index: 9; | |||
| 102 | background-color: #fff!important; | 102 | background-color: #fff!important; | |||
| 103 | border-radius: 3px; | 103 | border-radius: 3px; | |||
| 104 | margin: 0; | 104 | margin: 0; | |||
| 105 | padding: 5px 0; | 105 | padding: 5px 0; | |||
| 106 | text-align: left; | 106 | text-align: left; | |||
| 107 | border: 1px solid #ccc; | 107 | border: 1px solid #ccc; | |||
| 108 | min-width: 150px; | 108 | min-width: 150px; | |||
| 109 | } | 109 | } | |||
| 110 | .page-header.type19 .top-links-area .links > li { | 110 | .page-header.type19 .top-links-area .links > li { | |||
| 111 | display: block; | 111 | display: block; | |||
| 112 | margin: 0; | 112 | margin: 0; | |||
| 113 | text-align: left; | 113 | text-align: left; | |||
| 114 | text-transform: uppercase; | 114 | text-transform: uppercase; | |||
| 115 | line-height: 19px; | 115 | line-height: 19px; | |||
| 116 | 116 | |||||
| 117 | } | 117 | } | |||
| 118 | .page-header.type19 .top-links-area .links > li > a, | 118 | .page-header.type19 .top-links-area .links > li > a, | |||
| 119 | .page-header.type19 .top-links-area .links > li > span { | 119 | .page-header.type19 .top-links-area .links > li > span { | |||
| 120 | color: #777 !important; | 120 | color: #777 !important; | |||
| 121 | white-space: nowrap; | 121 | white-space: nowrap; | |||
| 122 | padding: 0 10px; | 122 | padding: 0 10px; | |||
| 123 | display: block; | 123 | display: block; | |||
| 124 | transition: all .2s; | 124 | transition: all .2s; | |||
| 125 | font-weight: 400; | 125 | font-weight: 400; | |||
| 126 | font-size: 11px; | 126 | font-size: 11px; | |||
| 127 | } | 127 | } | |||
| 128 | .page-header.type19 .block-search { | 128 | .page-header.type19 .block-search { | |||
| 129 | margin-right: 60px; | 129 | margin-right: 60px; | |||
| 130 | width: 400px; | 130 | width: 400px; | |||
| 131 | } | 131 | } | |||
| 132 | .page-header.type19 .block-search input { | 132 | .page-header.type19 .block-search input { | |||
| 133 | background-color: #fff; | 133 | background-color: #fff; | |||
| 134 | color: #8d8d8d; | 134 | color: #8d8d8d; | |||
| 135 | border-radius: 20px; | 135 | border-radius: 20px; | |||
| 136 | } | 136 | } | |||
| 137 | .page-header.type19 .block-search .action.search { | 137 | .page-header.type19 .block-search .action.search { | |||
| 138 | border-right: 1px solid rgba(255,255,255,0.2); | 138 | border-right: 1px solid rgba(255,255,255,0.2); | |||
| 139 | padding: 0 12px; | 139 | padding: 0 12px; | |||
| 140 | } | 140 | } | |||
| 141 | .page-header.type19 .nav-sections { | 141 | .page-header.type19 .nav-sections { | |||
| 142 | background-color: #fff; | 142 | background-color: #fff; | |||
| 143 | color: #6b7a83; | 143 | color: #6b7a83; | |||
| 144 | box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px 0px; | 144 | box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 5px 0px; | |||
| 145 | } | 145 | } | |||
| 146 | .page-header.type19.sticky-header .nav-sections { | 146 | .page-header.type19.sticky-header .nav-sections { | |||
| 147 | background-color: #fff; | 147 | background-color: #fff; | |||
| 148 | color: #fff; | 148 | color: #fff; | |||
| 149 | } | 149 | } | |||
| 150 | .page-header.type19.sticky-header .navigation li.level0.active, .page-header.type19.sticky-header .navigation li.level0:hover { | 150 | .page-header.type19.sticky-header .navigation li.level0.active, .page-header.type19.sticky-header .navigation li.level0:hover { | |||
| 151 | color: #bde1f5; | 151 | color: #bde1f5; | |||
| 152 | } | 152 | } | |||
| 153 | .page-header.type19 .navigation .level0 {margin-left: 4px;color: inherit;} | 153 | .page-header.type19 .navigation .level0 {margin-left: 4px;color: inherit;} | |||
| 154 | .page-header.type19 .navigation .level0 > .level-top { | 154 | .page-header.type19 .navigation .level0 > .level-top { | |||
| 155 | font-family: Oswald; | 155 | font-family: Oswald; | |||
| 156 | font-size: 12.5px; | 156 | font-size: 12.5px; | |||
| 157 | letter-spacing: 0.05em; | 157 | letter-spacing: 0.05em; | |||
| 158 | color: inherit; | 158 | color: inherit; | |||
| 159 | font-weight: 500; | 159 | font-weight: 500; | |||
| 160 | line-height: 57px; | 160 | line-height: 57px; | |||
| 161 | } | 161 | } | |||
| 162 | .page-header.type19 .navigation .level0 > .level-top:after { | 162 | .page-header.type19 .navigation .level0 > .level-top:after { | |||
| 163 | line-height: 57px; | 163 | line-height: 57px; | |||
| 164 | } | 164 | } | |||
| 165 | .page-header.type19 .navigation li.level0.active, | 165 | .page-header.type19 .navigation li.level0.active, | |||
| 166 | .page-header.type19 .navigation li.level0:hover { | 166 | .page-header.type19 .navigation li.level0:hover { | |||
| 167 | color: #161616; | 167 | color: #161616; | |||
| 168 | } | 168 | } | |||
| 169 | .page-header.type19 .navigation li.level0.parent:hover a.level-top:before { | 169 | .page-header.type19 .navigation li.level0.parent:hover a.level-top:before { | |||
| 170 | display: none; | 170 | display: none; | |||
| 171 | } | 171 | } | |||
| 172 | } | 172 | } | |||
| 173 | @media (max-width: 991px) { | 173 | @media (max-width: 991px) { | |||
| 174 | .page-header.type19 .block-search { | 174 | .page-header.type19 .block-search { | |||
| 175 | margin-right: 20px; | 175 | margin-right: 20px; | |||
| 176 | } | 176 | } | |||
| 177 | } | 177 | } | |||
| 178 | @media (max-width: 767px) { | 178 | @media (max-width: 767px) { | |||
| 179 | .page-header.type19 .top-links-area, .page-header.type19 .custom-block { | 179 | .page-header.type19 .top-links-area, .page-header.type19 .custom-block { | |||
| 180 | display: none; | 180 | display: none; | |||
| 181 | } | 181 | } | |||
| 182 | .page-header.type19 .logo { | 182 | .page-header.type19 .logo { | |||
| 183 | height: 40px; | 183 | height: 40px; | |||
| 184 | float: right; | 184 | float: right; | |||
| 185 | margin: 10px 0; | 185 | margin: 10px 0; | |||
| 186 | } | 186 | } | |||
| 187 | .page-header.type19 .logo img { | 187 | .page-header.type19 .logo img { | |||
| 188 | max-width: 100%; | 188 | max-width: 100%; | |||
| 189 | max-height: 100%; | 189 | max-height: 100%; | |||
| 190 | width: auto; | 190 | width: auto; | |||
| 191 | } | 191 | } | |||
| 192 | .page-header.type19 .minicart-wrapper { | 192 | .page-header.type19 .minicart-wrapper { | |||
| 193 | position: relative; | 193 | position: relative; | |||
| 194 | top: auto; | 194 | top: auto; | |||
| 195 | left: auto; | 195 | left: auto; | |||
| 196 | right: auto; | 196 | right: auto; | |||
| 197 | margin: 10px 0; | 197 | margin: 10px 0; | |||
| 198 | float: left; | 198 | float: left; | |||
| 199 | } | 199 | } | |||
| 200 | .page-header.type19 .block-search { | 200 | .page-header.type19 .block-search { | |||
| 201 | float: none; | 201 | float: none; | |||
| 202 | margin-bottom: 0; | 202 | margin-bottom: 0; | |||
| 203 | } | 203 | } | |||
| 204 | .page-header.type19 .block-search .label:before, | 204 | .page-header.type19 .block-search .label:before, | |||
| 205 | .page-header.type19 .nav-toggle:before { | 205 | .page-header.type19 .nav-toggle:before { | |||
| 206 | color: #fff; | 206 | color: #fff; | |||
| 207 | font-size: 18px; | 207 | font-size: 18px; | |||
| 208 | } | 208 | } | |||
| 209 | .page-header.type19 .block-search .label { | 209 | .page-header.type19 .block-search .label { | |||
| 210 | float: left; | 210 | float: left; | |||
| 211 | margin: 10px 0; | 211 | margin: 10px 0; | |||
| 212 | line-height: 40px; | 212 | line-height: 40px; | |||
| 213 | margin-left: 15px; | 213 | margin-left: 15px; | |||
| 214 | } | 214 | } | |||
| 215 | .page-header.type19 .custom-block { | 215 | .page-header.type19 .custom-block { | |||
| 216 | display: none; | 216 | display: none; | |||
| 217 | } | 217 | } | |||
| 218 | .page-header.type19 .nav-toggle { | 218 | .page-header.type19 .nav-toggle { | |||
| 219 | float: left; | 219 | float: left; | |||
| 220 | padding-top: 2px; | 220 | padding-top: 2px; | |||
| 221 | } | 221 | } | |||
| 222 | } | 222 | } |
Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.